<template>
  <div class='Home-box'>
    <div class="welcome">hello , Welcome</div>
    <!-- <div class="">{{$store.getters.num}}</div>
    <div @click="addTotal">按钮</div>
    <div class="">{{$store.state.home.name}}</div>
    <div @click="addTotal">按钮</div>
    <van-grid :column-num="3">
      <van-grid-item icon="like-o" text="收藏" />
      <van-grid-item icon="clock-o" text="历史订单" />
      <van-grid-item icon="balance-o" text="资金管理" />
      <van-grid-item icon="setting-o" text="设置" />
      <van-grid-item icon="location-o" text="收货地址" />
      <van-grid-item icon="service-o" text="服务中心" />
    </van-grid> -->
  </div>
</template>

<script>
import {
  Grid,
  GridItem
} from 'vant';
export default {
  name: 'Home',
  data() {
    return {

    }
  },
  components: {
    [Grid.name]: Grid,
    [GridItem.name]: GridItem
  },
  created() {},
  mounted() {},
  methods: {
    addTotal () {
      this.$store.dispatch('increment')
    }
      
  }
}
</script>
<style lang='scss' scoped>
.welcome{
  color: aqua;
}
</style>